<!DOCTYPE html>
<html>

<head>
  <title>树懒VR看房</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, viewport-fit=cover" />
  <meta name="apple-mobile-web-app-capable" content="yes" />
  <meta name="apple-mobile-web-app-status-bar-style" content="black" />
  <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
  <meta http-equiv="x-ua-compatible" content="IE=edge" />
  <meta http-equiv="Access-Control-Allow-Origin" content="*">
  <meta http-equiv="Expires" content="0">
  <meta http-equiv="Pragma" content="no-cache">
  <meta http-equiv="Cache-control" content="no-cache">
  <link rel="icon" href="skin/icons/logo.png">
  
  <style>
    /* @-ms-viewport {
      width: device-width;
    } */
    
    @media only screen and (min-device-width:800px) {
      html {
        overflow: hidden;
      }
    }
    
    html {
      height: 100%;
    }
    
    body {
      height: 100%;
      overflow: hidden;
      margin: 0;
      padding: 0;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 16px;
      color: #FFFFFF;
      background-color: #000000;
    }
    
    li {
      list-style-type: none;
    }
    
    .agent-wrap {
      position: absolute;
      top: 10px;
      width: 100%;
      box-sizing: border-box;
      z-index: 1;
      font-size: 12px;
    }
    
    .agent-wrap .main {
      background: rgba(0, 0, 0, .1);
      margin: 10px;
      padding: 8px 5px;
      display: flex;
      align-items: center;
    }
    
    .main .info {
      flex: 1;
      display: flex;
      flex-shrink: 0;
      align-items: center;
    }
    
    .main .info .avatar {
      width: 40px;
      height: 40px;
      border-radius: 50%;
      margin-left: 5px;
      border: 2px solid #fff;
      overflow: hidden;
      flex-shrink: 0;
    }
    
    .avatar img {
      width: 100%;
      max-height: 100%
    }
    
    .info .name {
      margin-left: 10px;
    }
    
    .main .other {
      /* flex: 2; */
      font-size: 10px;
      margin-right: 5px;
    }
    
    .main .other div {
      display: flex;
      margin-left: 20px;
      justify-content: flex-end;
    }
    
    .main .other div li {
      text-align: center;
      margin-left: 20px;
    }
    
    .main .other div li img {
      width: 20px;
      height: 20px;
      display: block;
      margin: 0 auto;
      margin-bottom: 2px;
    }
    
    .layer-house-info {
      position: absolute;
      z-index: 2;
      top: 25%;
      z-index: 2;
      width: 100%;
      box-sizing: border-box;
      display: none;
    }
    
    .layer-house-info .main-wrap {
      max-width: 790px;
      background: rgba(0, 0, 0, 0.7);
      box-sizing: border-box;
      margin: 10px;
      padding: 15px;
      border-radius: 5px;
    }
    
    .main-wrap .close {
      float: right;
    }
    
    .house-info {
      clear: both;
      overflow: hidden;
      font-size: 13px;
    }
    
    .house-info li {
      width: 50%;
      float: left;
      line-height: 25px;
    }
    
    .house-info li span {
      color: #ccc
    }
    
    @media only screen and (min-device-width:800px) {
      .layer-house-info .main-wrap {
        margin: 10px auto;
      }
    }
    
    .navigate-back {
      border: 1px solid #fff;
      width: 112px;
      margin: 15px auto;
      text-align: center;
      padding: 10px;
      font-size: 14px;
      display: none;
    }
    
    .layer-pano-share {
      display: none;
    }
    
    .layer-mask {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.7);
      z-index: 1
    }
    
    .share-tip {
      position: absolute;
      z-index: 3;
      width: 40%;
      right: 60px;
      top: 10px;
    }
    
    .share-tip img {
      width: 100%
    }

    .layer-loading {
      position: relative;
      display: none;
      width: 100%;
      height: 100%;
      background: url("../img/loading_bg.png") no-repeat center;
      background-size: cover;
    }

    .layer-loading-content {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%,-50%);
      display: flex;
      flex-direction: column;
      align-items: center;
    }

    .layer-error {
      display: none;
      width: 100%;
      height: 100%;
      background-color: #000;
    }

    .layer-error-content {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%,-50%);
      font-size: 16px;
    }
  </style>
</head>

<body>
  <div id="pano" style="width:100%;height:100%;">
    <div class="agent-wrap">
      <div class="main">
        <div class="info">
          <div class="avatar">
            <img id="avatar-url" src="" />
          </div>
          <div class="name"></div>
        </div>

        <div class="other">
          <div>
            <!-- 暂时隐藏 -->
            <!-- <li>
              <a id="jjr-tel" href="tel:18801970688" style="color: #fff;text-decoration: none;"> <img src="" />电话 </a>
            </li> -->
            <li class="js-house-info"><img src="" />概况</li>
            <li class="js-pano-share"><img src="" />分享</li>
          </div>
        </div>
      </div>
    </div>

    <div class="layer-house-info">
      <div class="main-wrap">
        <div class="close js-layer-close">
          <img src="" width="20" />
        </div>
        <div class="house-info">

        </div>
        <div class="navigate-back js-navigate-back">查看房源信息</div>
      </div>
    </div>

    <div class="layer-pano-share">
      <div class="layer-mask"></div>
      <div class="share-tip"><img src="" /></div>
    </div>

    <noscript><table style="width:100%;height:100%;"><tr style="vertical-align:middle;"><td><div style="text-align:center;">ERROR:<br/><br/>Javascript not activated<br/><br/></div></td></tr></table></noscript>
  </div>

  <div class="layer-loading">
      <div class="layer-loading-content">
        <img src="../img/loading.c929501e.gif" alt="">
        <span>全景加载中...</span>
      </div>
  </div>

  <div class="layer-error-content">
    <span class="layer-error">暂不支持该格式VR</span>
  </div>

  <script src="../js/tour.js"></script>
  <script src="../js/jquery-2.1.4.min.js"></script>
  <script src="https://res.wx.qq.com/open/js/jweixin-1.4.0.js"></script>
  <!-- <script src="../js/main2d.js"></script> -->
<script src="./../js/main-aee566fe29ae6a22ca41.js"></script></body>

</html>
